zhenyulin / ultimate-hot-boilerplate

import PropTypes from 'prop-types';

import styled from 'styled-components';

import BasicButton from 'components/elements/basic-button';

export class SideNav extends React.PureComponent {

  static propTypes = {

    className: PropTypes.string,

    func: PropTypes.func,

    list: PropTypes.arrayOf(

      PropTypes.shape({

        id: PropTypes.string,

        value: PropTypes.string,

      }),

    ),

  };

  static defaultProps = {};

  }

}

export default styled(SideNav)`

  list-style-type: none;

  padding: 0;

  width: 160px;

  .navButton {

    background: none;

    color: grey;

    text-align: left;

    &:hover {

      text-decoration: underline;

      color: black;

    }

  }

`;